<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人中心</title>
	<!-- 导入样式 -->
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/headandfter.css" />
    
    <link rel="stylesheet" type="text/css" href="../css/DaKa.css"/>
    <link rel="stylesheet" type="text/css" href="../css/lanrenzhijia.css" />
    <script src="../js/jquery.min.js"></script>
    <script src="../js/header.js"></script>
    <script src="../js/DKimg.js"></script>
</head>

<body>
<header>
  <div class="header">
    <div class="top">
      <div class="top-info fixed">
      	<div class="right fixed" style="*max-width:420px; position:relative;">
          <div class="message-content right"  style="position:relative; display:inline-block; height:40px;">
            <a href="#" class="message-info">
              <span class="message-nums">6</span>
            </a>
            <div class="h-MessageInfo">
              <p class="icon-tringle2"></p>
              <div class="h-M-Content">
                <p class="h-M-Title"><a href="javascript:void(0);" class="NowMeg" style="border-right:solid 1px #e6e6e6;">消息</a><a href="javascript:void(0);" style="width:189px;">动态</a></p>
                <ul class="h-Tab">
                  <li class="MsgContent">
                    <div class="Msg-txt">暂无新消息</div>
                    <p class="Msg-more"><a href="#">查看更多消息>></a></p>
                  </li>
                  <li class="cdtContent" style="display:none;">
                    <div class="Msg-txt">暂无新动态</div>
                    <p class="Msg-more"><a href="#">查看更多动态>></a></p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!--End 消息内容-->
          <div class="user-info right fixed">
            <div class="user-img left"><img src="../images/headandfter/user-img.png" /></div>
            <div class="user-name left">
              <a href="#">小豆女王</a>
              <span class="icon-tringle1"></span>
            </div>
            <div class="user-set">
              <p></p>
              <div class="us-Content"></div>
            </div><!--用户操作 未果-->
          </div>
        </div>
        <!--End 用户-->
        <div class="top-nav left">
          <a href="#" class="f-home">番石榴首页</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-news">新闻站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-active">亲子活动站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-shop">辣妈购物站</a>
          <span class="vertical-gray1"></span>
          <a href="#" class="f-lt">论坛</a>
        </div>
      </div>
    </div>
   <!--End top-->
  </div>
</header>
<!--End header-->
<section>
  <div class="banner">
    <div style="height:260px; overflow:hidden"><img src="../images/daka/bannerbg.jpg" class="bannerbg" /></div>
    <div class="userRead" style="margin-top:0;">
      <div class="dk-serach right">
        <div class="dkNumsInfo fixed">
          <p class="left" style="width:140px"><span class="readNums">2389</span><span>文章</span></p>
          <span class="vertical-gray1 left" style="height:80px; margin-left:10px; margin-right:10px; border-color:#f4f4f4;"></span>
          <p class="left"><span class="readNums">5,921,389</span><span>总阅读量</span></p>
        </div>
        <p class="search-daka" style="text-align:right; padding-right:30px;">
          <input type="text" value="" style="background-color:#fff; border-radius:4px; -webkit-border-radius:4px;" />
          <a href="javascript:void(0);" class="searchBtn" style="right:30px; padding:7px;"><img src="../images/daka/icon-search.png" /></a>
        </p>
      </div>
      
      <div class="left" style="padding-top:70px; padding-right:50px;">
        <div class="userImgContent"><img src="../images/daka/ceshi3.jpg" /></div>
        <p class="ReadBtn" style="padding-top:20px; text-align:center;"><a href="javascript:void(0);" style="background-color:#ee0066; padding:4px 20px;">+ 订阅</a></p>
      </div>
      
      <div class="left">
        <p><a href="#" class="shareBtn"><img src="../images/daka/icon-share2.png" /></a></p>
        <p style="color:#fff; font-size:24px; padding:30px 0;">EVIN原创设计</p>
        <p style="color:#f4f4f4; line-height:26px;">每个孩子都是最好的！没有不聪明的孩子，只有不懂得教育的父母，</p>
        <p style="color:#f4f4f4; line-height:26px;">育儿启蒙——让您的孩子从此与众不同。</p>
      </div>
    </div>
  </div><!--End banner 内容头部-->
  <div class="container">
    <div class="dkcontent">
      <div class="right" style="padding-top:11px;"><img src="../images/daka/zk-ewm.png" /></div>
      <div class="dkmain">
        <div class="dkmain-top">
          <div class="HotTab right">
            <a href="javascript:void(0);" class="NowHot">最新</a>
            <a href="javascript:void(0);" class="">最热</a>
          </div>
          <div class="navTab">
            <a href="javascript:void(0);" class="NowTab">全部</a>
            <a href="javascript:void(0);" class="">文章</a>
            <a href="javascript:void(0);" class="">图片</a>
          </div>
        </div><!--End dkmain-top-->
        
        <div class="TabContent">
          <div class="Tab1">
            <!--begin 我的收藏-->
		    <div class="sublist">
			<!--第一条收藏-->
			  <div class="collection">
			    <!--begin 时间-->
			    <ul class="collect">
				  <li>
				    <span>2015-11-06 <img src="../images/personal/date_img1.png"/></span><br/>
				    <span>2  <img src="../images/personal/star_img1.png"/></span><br/>
				    <span>52 <img src="../images/personal/eye_img1.png"/></span><br/>
				    <span>52 <img src="../images/personal/comment_img1.png"/></span>
				  </li>
			    </ul>
			    <!--end 时间-->
			    <!--begin 内容-->
			    <div class="coll_onn">
                  <span class="criclebg"></span>
				  <h1>
				    <img src="../images/personal/title_img1.png"/>
				    父母与孩子个关系，出生前已经决定
				  </h1>
				  <p>
				    每一个人所散发出的特定品质的频率，像磁铁般地吸引着类似的频率，以及具有共同业力的人。一个在频率上既不超凡入胜，也不颓废，又是社
				    每一个人所散发出的特定品质的频率，像磁铁般地吸引着类似的频率，以及具有共同业力的人。一个在频率上既不超凡入胜，也不颓废，又是社
				    每一个人所散发出的特定品质的频率，像磁铁般地吸引着类似的频率，以及具有共同业力的人。一个在频率上既不超凡入胜，也不颓废，又是社
				  </p>
			    </div>
			    <!--end 内容-->
			  </div>
			  <!--第二条收藏-->
			  <div class="collection">
			    <!--begin 时间-->
			    <ul class="collect">
				   <li>
				     <span>2015-11-06 <img src="../images/personal/date_img1.png"/></span><br/>
				     <span>2  <img src="../images/personal/star_img1.png"/></span><br/>
				     <span>52 <img src="../images/personal/eye_img1.png"/></span><br/>
				     <span>52 <img src="../images/personal/comment_img1.png"/></span>
				   </li>
			    </ul>
			    <!--end 时间-->
			    <!--begin 内容-->
			    <div class="coll_onn">
                  <span class="criclebg"></span>
				  <h1>
				    <img src="../images/personal/title_img1.png"/>
				    走过大地的亲子旅游
				  </h1>
				  <p>
				    <img src="../images/personal/door_img1.png"/>
				    <img src="../images/personal/island_img1.png"/>
				    <img src="../images/personal/party_img1.png"/>
				    <img src="../images/personal/omit_img1.png"/>
				  </p>
			    </div>
			    <!--end 内容-->
			  </div>
		    </div>
		    <!--end 我的收藏-->
          </div><!--End Tab1-->
          
          <div class="Tab2" style="display:none;">
            <div class="sublist">
			<!--第一条收藏-->
			  <div class="collection">
			    <!--begin 时间-->
			    <ul class="collect">
				  <li>
				    <span>2015-11-06 <img src="../images/personal/date_img1.png"/></span><br/>
				    <span>2  <img src="../images/personal/star_img1.png"/></span><br/>
				    <span>52 <img src="../images/personal/eye_img1.png"/></span><br/>
				    <span>52 <img src="../images/personal/comment_img1.png"/></span>
				  </li>
			    </ul>
			    <!--end 时间-->
			    <!--begin 内容-->
			    <div class="coll_onn">
                  <span class="criclebg"></span>
				  <h1>
				    <img src="../images/personal/title_img1.png"/>
				    父母与孩子个关系，出生前已经决定
				  </h1>
				  <p>
				    每一个人所散发出的特定品质的频率，像磁铁般地吸引着类似的频率，以及具有共同业力的人。一个在频率上既不超凡入胜，也不颓废，又是社
				    每一个人所散发出的特定品质的频率，像磁铁般地吸引着类似的频率，以及具有共同业力的人。一个在频率上既不超凡入胜，也不颓废，又是社
				    每一个人所散发出的特定品质的频率，像磁铁般地吸引着类似的频率，以及具有共同业力的人。一个在频率上既不超凡入胜，也不颓废，又是社
				  </p>
			    </div>
			    <!--end 内容-->
			  </div>
            </div>
          </div><!--End Tab2-->
          
          <div class="Tab3" style="display:none;">
            <div class="sublist">
              <div class="collection">
			    <!--begin 时间-->
			    <ul class="collect">
				   <li>
				     <span>2015-11-06 <img src="../images/personal/date_img1.png"/></span><br/>
				     <span>2  <img src="../images/personal/star_img1.png"/></span><br/>
				     <span>52 <img src="../images/personal/eye_img1.png"/></span><br/>
				     <span>52 <img src="../images/personal/comment_img1.png"/></span>
				   </li>
			    </ul>
			    <!--end 时间-->
			    <!--begin 内容-->
			    <div class="coll_onn">
                  <span class="criclebg"></span>
				  <h1>
				    <img src="../images/personal/title_img1.png"/>
				    走过大地的亲子旅游
				  </h1>
				  <p>
				    <img src="../images/personal/door_img1.png"/>
				    <img src="../images/personal/island_img1.png"/>
				    <img src="../images/personal/party_img1.png"/>
				    <img src="../images/personal/omit_img1.png"/>
				  </p>
			    </div>
			    <!--end 内容-->
			  </div>
            </div>
          </div><!--End Tab3-->
        </div><!--End TabContent-->
      </div>
    </div>
  </div>
</section>
<!--End section-->
<footer>
  <div class="footer footer-show-bg">
    <div class="f-banner fixed">
      <div class="bbsh left">
        <p style="padding-bottom:30px;"><img src="../images/headandfter/bbshimg.png" /></p>
        <p><img src="../images/headandfter/fan16-ewm.jpg" /></p>
      </div>
      <div class="hot-pd left">
        <p class="hot-title">热门频道</p>
        <div class="hot-link fixed">
          <div>
            <p><a href="#">新闻</a></p>
            <p><a href="#">国内</a></p>
            <p><a href="#">评论</a></p>
            <p><a href="#">国际</a></p>
            <p><a href="#">探索</a></p>
            <p><a href="#">社会</a></p>
            <p><a href="#">军事</a></p>
          </div>
          <div>
            <p><a href="#">图片</a></p>
            <p><a href="#">体育</a></p>
            <p><a href="#">NBA</a></p>
            <p><a href="#">CBA</a></p>
            <p><a href="#">综合</a></p>
            <p><a href="#">中超</a></p>
            <p><a href="#">足球</a></p>
          </div>
          <div>
            <p><a href="#">英超</a></p>
            <p><a href="#">西甲</a></p>
            <p><a href="#">意甲</a></p>
            <p><a href="#">娱乐</a></p>
            <p><a href="#">明星</a></p>
            <p><a href="#">图片</a></p>
            <p><a href="#">电影</a></p>
          </div>
          <div>
            <p><a href="#">财经</a></p>
            <p><a href="#">音乐</a></p>
            <p><a href="#">资料库</a></p>
            <p><a href="#">股票</a></p>
            <p><a href="#">产经</a></p>
            <p><a href="#">新股</a></p>
            <p><a href="#">金融</a></p>
          </div>
          <div>
            <p><a href="#">基金</a></p>
            <p><a href="#">商业</a></p>
            <p><a href="#">评论</a></p>
            <p><a href="#">国际</a></p>
            <p><a href="#">探索</a></p>
            <p><a href="#">社会</a></p>
          </div>
        </div>
      </div>
      <div class="call-alls left">
        <p class="hot-title">联系我们</p>
        <p class="alls1">商务合作：huangjiasheng@fan16.cn</p>
        <p class="alls1">广告发布：deloo@fan16.cn</p>
        <p class="alls1">投诉建议：service@fa</p>
        <div class="linkbg">
          <a href="#" class="xinlang"></a>
          <a href="#" class="tengxun"></a>
          <a href="#" class="zhandian"></a>
          <a href="#" class="douban"></a>
        </div>
      </div>
    </div>
    <div class="f-bottom">
      <p>Copyright©　2013-2015 fan16.cn,AllRights Reserved 粤ICP备 12093882 号-1 版权所有：广州赢酷通讯技术有限公司</p>
    </div>
  </div>
</footer>
<!--End footer-->
</body>
<script language="javascript">
function fullBg(obj){	/*ct-top img 背景全屏*/
	var winWidth, winHeight;
	if (window.innerWidth)
		winWidth = window.innerWidth;
	else if ((document.body) && (document.body.clientWidth))
		winWidth = document.body.clientWidth;
	// 获取窗口高度
	if (window.innerHeight)
		winHeight = window.innerHeight;
	else if ((document.body) && (document.body.clientHeight))
		winHeight = document.body.clientHeight;
	// 通过深入 Document 内部对 body 进行检测，获取窗口大小
	if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
	{
		winHeight = document.documentElement.clientHeight;
		winWidth = document.documentElement.clientWidth;
	}
	obj.width(winWidth)

}

$(function(){
	$(window).load(function(){
		fullBg($(".bannerbg"));
		var _h1 = $(".bannerbg").height();
		var _h2 = $(".banner").height();
		$(".bannerbg").css("marginTop",(_h2-_h1)/2+"px")
	})
	$(window).resize(function(){
		fullBg($("bannerbg"));
		var _h1 = $(".bannerbg").height();
		var _h2 = $(".banner").height();
		$(".bannerbg").css("marginTop",(_h2-_h1)/2+"px")
	})	//End ct-top 背景全屏
	
	$(".userName").hover(function(){
		$(this).children(".userNameInfo").stop().animate({"height": "toggle", "opacity": "toggle"}, "fast");
	});
	
	$(".navTab").find("a").each(function(i, o) {
        $(this).click(function(){
			$(this).addClass("NowTab").siblings().removeClass("NowTab");
			$(".TabContent").children().eq(i).show().siblings().hide();
		})
    });
	$(".HotTab").find("a").each(function(i, o) {
        $(this).click(function(){
			$(this).addClass("NowHot").siblings().removeClass("NowHot");
		})
    });

})
</script>
</html>
